@include("home.".HOME_SKIN.".header")

@include("home.".HOME_SKIN.".nav")

<main class="template">
    <!--焦点图-->
    <div class="banner mb-md-5 mb-0">
        <div class="container pt-md-5 pt-3">
            <div class="banner-group d-flex flex-column align-items-center py-md-5 py-0 mt-md-5 mt-0 text-center text-white">
                <div class="banner-title font-weight-lighter">专业的互联网服务</div>
                <div class="banner-text mt-3">committed to promoting the construction of china's information technology to
                    provide you with the most profession al internet services
                </div>
            </div>
        </div>

    </div>

    <div class="experience py-md-5 py-0">
        <div class="container py-5">
            <div class="row">
                <div class="col-md-3 col-6 text-center">
                    <h5 class="experience-title tc-black">2013</h5>
                    <p class="tc-gray-99">成立Establish</p>
                </div>
                <div class="col-md-3 col-6 text-center">
                    <h5 class="experience-title tc-black">1043</h5>
                    <p class="tc-gray-99">案例Case</p>
                </div>
                <div class="col-md-3 col-6 text-center">
                    <h5 class="experience-title tc-black">165</h5>
                    <p class="tc-gray-99">团队Team</p>
                </div>
                <div class="col-md-3 col-6 text-center">
                    <h5 class="experience-title tc-black">50</h5>
                    <p class="tc-gray-99">奖项Award</p>
                </div>
            </div>
        </div>
    </div>

    <div class="choose pb-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-12 d-flex flex-column justify-content-center">
                    <div class="choose-header text-center text-md-left">
                        <h4>为什么选择我们</h4>
                        <p class="tc-gray-99">WHY CHOOSE US</p>
                    </div>
                    <div class="choose-text lh-30 tc-gray-99 text-center text-md-left">
                        专注品牌事业十余年，是一家兼具国际视野、创新动力、全方位跨平台的品牌咨询与设计整合服务公司。公司业务
                        涉及大数据、智能多媒体、物联网。
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <img class="choose-img" src="{{HOME_ASSET}}assets/img/choose-img.png" alt="">
                </div>
            </div>
        </div>

    </div>

    <div class="business py-md-5 py-0 my-md-5 my-0">
        <div class="container text-center">
            <div class="row">
                <div class="col-12 mb-md-5 mb-2">
                    <h4>我们能做什么</h4>
                    <p class="tc-gray-99">WHAT CAN WE DO</p>
                </div>
            </div>
            <div class="row lh-30">
                <div class="col-md-3 col-6">
                    <div class="business-img mb-4 d-flex justify-content-center">
                        <div class="round round-bg"></div>
                        <div class="round text-center">
                            <img class="cloud-icon" src="{{HOME_ASSET}}assets/img/cloud-icon.png" alt="">
                        </div>
                    </div>
                    <div class="business-content">
                        <h5 class="mb-3">数据中心</h5>
                        <p class="tc-gray-99">秉承基于虚拟化技术，实现数据中心资源融 合资源管理等</p>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="business-img mb-4 d-flex justify-content-center">
                        <div class="round round-bg"></div>
                        <div class="round text-center">
                            <img class="cloud-icon" src="{{HOME_ASSET}}assets/img/bigData-icon.png" alt="">
                        </div>
                    </div>
                    <div class="business-content">
                        <h5 class="mb-3">复合大数据</h5>
                        <p class="tc-gray-99">海量、高增长率和多样化的信息资产，提供数据处理和分析</p>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="business-img mb-4 d-flex justify-content-center">
                        <div class="round round-bg"></div>
                        <div class="round text-center">
                            <img class="cloud-icon" src="{{HOME_ASSET}}assets/img/calc-icon.png" alt="">
                        </div>
                    </div>
                    <div class="business-content">
                        <h5 class="mb-3">云计算</h5>
                        <p class="tc-gray-99">通过电脑手机等方式接 入数据中心，按自己的需求进行运算</p>
                    </div>
                </div>

                <div class="col-md-3 col-6">
                    <div class="business-img mb-4 d-flex justify-content-center">
                        <div class="round round-bg"></div>
                        <div class="round text-center">
                            <img class="cloud-icon" src="{{HOME_ASSET}}assets/img/host-icon.png" alt="">
                        </div>
                    </div>
                    <div class="business-content">
                        <h5 class="mb-3">云虚拟主机</h5>
                        <p class="tc-gray-99">通性能企业级云服务器安全可靠、弹性灵活、按需付费</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="program my-md-5 mb-0">
        <img class="program-bg d-md-block d-none position-absolute" src="{{HOME_ASSET}}assets/img/program-img.png" alt="">
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col-md-6 program-img d-flex align-items-center">
                    <img class="" src="{{HOME_ASSET}}assets/img/program-bg.png" alt="">
                </div>
                <div class="col-md-6 d-flex flex-column justify-content-around mt-md-0 mt-4">
                    <div class="program-group">
                        <h5>高稳定性</h5>
                        <p class="tc-gray-99 lh-30">随时随地访问您需要的实时数据，用户数据的存储支撑了国内近千用户数据的存储，保证数据的高可用 性和可靠性！</p>
                    </div>
                    <div class="program-group">
                        <h5>方案合理</h5>
                        <p class="tc-gray-99 lh-30">精准把控整个开发流程，遵照全球公认的ISO质量体系，精细打磨产品每一个细节，以上百家成功案例 经验量身定制合理的开发方案。</p>
                    </div>
                    <div class="program-group">
                        <h5>数据规模</h5>
                        <p class="tc-gray-99 lh-30">大量的相关信息，对未来趋势与模式，的可预测分析拥有非结构化数据的规模超大，比结构化数据的增 长快10-50倍。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="news py-md-5 py-3">
        <div class="container">
            <div class="row mb-md-5 mb-3">
                <div class="col-12 mb-md-5 mb-0 text-center">
                    <h4>新闻资讯</h4>
                    <p class="tc-gray-99">SERVICE CASE</p>
                </div>
                <div class="col-12">
                    <div class="d-flex justify-content-between px-3 pb-3">
                        <h6 class="new-title mb-0">新闻列表</h6>
                        <a class="news-more tc-black" href="{{url("/news")}}">查看更多&nbsp;></a>
                    </div>
                </div>
                @foreach($news_list as $new)
                    <div class="col-12">
                        <div class="news-group p-3">
                            <a href="{{url("/news/detail?id=$new->id")}}">
                                <div class="d-flex justify-content-between mb-3">
                                    <strong class="news-text tc-black">{{$new->title}}</strong>
                                    <small class="news-date text-muted">{{date('Y-m-d', strtotime($new->create_at))}}</small>
                                </div>
                                <div class="tc-black lh-30">
                                    {!! str_limit(strip_tags($new->content), $limit = 100, $end = '...') !!}
                                </div>
                            </a>
                        </div>
                    </div>
                @endforeach

                <!-- <div class="col-12">
                    <div class="news-group p-3">
                        <a href="pages/nDetailed.html">
                            <div class="d-flex justify-content-between mb-3">
                                <strong class="news-text tc-black">当今互联网发展趋势</strong>
                                <small class="news-date text-muted">2018-09-30</small>
                            </div>
                            <div class="tc-black lh-30">
                                中心旨在推动中国旅游信息化领域内学术研究、支撑旅游公共信息服务、促进传统旅游产业升级、旅游信息化专业人才培养四大范畴的共同发展。作为国内首个旅游大数据的协同创新平台，整合多方旅游信息及资源、面向…
                            </div>
                        </a>
                    </div>
                </div> -->
            </div>
        </div>
    </div>

    <div class="py-md-5 py-3">
        <div class="container">
            <div class="col-12 mb-md-5 mb-0 text-center">
                <h4>友情链接</h4>
                <p class="tc-gray-99">BLOGROLL</p>
            </div>
            <div class="col-12">
                <div class="d-flex justify-content-between px-3 pb-3">
                    <h6 class="new-title mb-0">友情链接列表</h6>
                    <a class="news-more tc-black" href="{{url("/blogroll")}}">查看更多&nbsp;></a>
                </div>
            </div>
            <div class="col-12 text-center">
                <div class="row">
                    @foreach($roll_list2 as $l2)
                        <div class="col-lg-2 col-md-4 col-6">
                            <a class="d-block text-body py-1 border my-2" href="{{$l2['url']}}" target="_blank">
                                <img src="{{UPLOADPATH.$l2['cover']}}" width="18" height="16">
                                <span class="align-middle">{{$l2['title']}}</span>
                            </a>
                        </div>
                    @endforeach
                </div>
                <div class="row">
                    @foreach($roll_list1 as $l1)
                        <div class="col-lg-2 col-md-4 col-6">
                            <a class="d-block text-body py-1 border my-2" href="{{$l1['url']}}" target="_blank">
                                <span class="align-middle">{{$l1['title']}}</span>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

@include("home.".HOME_SKIN.".footer")

